<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<th:block th:fragment="nav">
    <nav class="navbar navbar-default navbar-fixed-top navbar-top">
        <div class="container-fluid">
            <div class="navbar-header">
                <button type="button" class="navbar-expand-toggle">
                    <i class="fa fa-bars icon"></i>
                </button>
                <ol class="breadcrumb navbar-breadcrumb">
                    <li class="active">
                        <a th:href="@{/index}">首页</a>
                    </li>
                </ol>
                <button type="button" class="navbar-right-expand-toggle pull-right visible-xs">
                    <i class="fa fa-th icon"></i>
                </button>
            </div>
            <ul class="nav navbar-nav navbar-right">
                <li><a href="#" id="sessionUserName">未登录</a></li>
                <li><a th:href="@{/logout}">退出</a></li>
                <!--<button type="button" class="navbar-right-expand-toggle pull-right visible-xs">
                    <i class="fa fa-times icon"></i>
                </button>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
                       aria-expanded="false"><i class="fa fa-comments-o"></i></a>
                    <ul class="dropdown-menu animated fadeInDown">
                        <li class="title">
                            Notification <span class="badge pull-right">0</span>
                        </li>
                        <li class="message">
                            No new notification
                        </li>
                    </ul>
                </li>
                <li class="dropdown danger">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
                       aria-expanded="false"><i class="fa fa-star-half-o"></i> 4</a>
                    <ul class="dropdown-menu danger  animated fadeInDown">
                        <li class="title">
                            Notification <span class="badge pull-right">4</span>
                        </li>
                        <li>
                            <ul class="list-group notifications">
                                <a href="#">
                                    <li class="list-group-item">
                                        <span class="badge">1</span> <i class="fa fa-exclamation-circle icon"></i>
                                        new registration
                                    </li>
                                </a>
                                <a href="#">
                                    <li class="list-group-item">
                                        <span class="badge success">1</span> <i class="fa fa-check icon"></i> new
                                        orders
                                    </li>
                                </a>
                                <a href="#">
                                    <li class="list-group-item">
                                        <span class="badge danger">2</span> <i class="fa fa-comments icon"></i>
                                        customers messages
                                    </li>
                                </a>
                                <a href="#">
                                    <li class="list-group-item message">
                                        view all
                                    </li>
                                </a>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li class="dropdown profile">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Emily
                        Hart <span class="caret"></span></a>
                    <ul class="dropdown-menu animated fadeInDown">
                        <li class="profile-img">
                            <img src="/static/flat/img/profile/picjumbo.com_HNCK4153_resize.jpg" class="profile-img">
                        </li>
                        <li>
                            <div class="profile-info">
                                <h4 class="username">#{user}</h4>
                                &lt;!&ndash;<p>emily_hart@email.com</p>&ndash;&gt;
                                <div class="btn-group margin-bottom-2x" role="group">
                                    <button type="button" class="btn btn-default"><i class="fa fa-user"></i> Profile
                                    </button>
                                    <button type="button" class="btn btn-default"><i class="fa fa-sign-out"></i>
                                        Logout
                                    </button>
                                </div>
                            </div>
                        </li>
                    </ul>
                </li>-->
            </ul>
        </div>
    </nav>
</th:block>